<template>
	<view class="ninfo">
		<view class="ninfo-title">{{detail.title}}</view>
		<view class="ninfo-time">{{detail.dates}}</view>
		<view class="ninfo-cont" v-html="detail.info"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail:{}
			}
		},
		onLoad(){
			this.getNews()
		},
		methods: {
			getNews(){
				this.$http.news({type:3}).then(res => {
					if(res.data.data && res.data.data.length>0){
						this.detail = res.data.data[0]
						this.detail.info = this.$utils.formatRichText(this.detail.info)
					}
				})
			},
		}
	}
</script>

<style scoped>
	.ninfo{
		width: 100%;
		min-height: 100%;
		background-color: #FFFFFF;
		padding: 17px;
		
	}
.ninfo-title{
	color: #242424;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.ninfo-time{
	color: #B8B9BE;
	font-size: 13px;
	padding: 10px;
	text-align: center;
}
.ninfo-cont{
	color: #4D4D4D;
	font-size: 13px;
	    line-height: 24px;
}
.ninfo-cont >>> img{
	width: 100%;
}
</style>
